<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=
    , initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="ltem">

    </div>
</body>
</html>
<script>
function list() {
	// 自定义数组
	var arr = ['我是第一', '我是第二', '我是第三', '我是第四'];
	// 循环          ==数据.lenght 
	for (var i = 0; i < arr.length; i++) {
		    // 创建新元素节点<li>标签
		var oLi = document.createElement('li');
		    // 找到父级元素
		var oLtem = document.getElementById('ltem');
		    // 添加样式类名
		oLi.classList.add("mui-table-view-cell");
	    	// 将元素插入到父级内
		oLtem.appendChild(oLi);
		    // 输出数组
		oLi.innerHTML = arr[i];
		console.log(arr[i]);
	}
}
list();		//调用函数体


// for (let index = 0; index < 6; index++) {
//                 $("#area2_"+index+" .marquee__container").text(group2Data[index].title);


</script>